 <div class="padding-all">
 <div ng-include src="'/ksr/partials/breadcrumb.htm'"></div>
 </div>
 <div class="padding-all">
<div class="panel panel-default">
	  <div class="panel-heading">
	    <h3 class="panel-title">Change your password</h3>
	  </div>
	  <div class="panel-body">
	  	<div class="alert alert-danger" ng-show="errMsg">{{errMsg}}</div>
		<form role="form" name = "passwordForm">
		  <div class="form-group">
		    <label for="old-password">Current password</label>
		    <input type="password" class="form-control" ng-model="pwdObj.oldPassword" placeholder="Enter your existing password" ng-required="true"/>
		  </div>
		  <div class="form-group">
		    <label for="new-password">New password</label>
		    <input type="password" class="form-control" name="password" ng-model="pwdObj.newPassword" ng-required="true" placeholder="Enter the new password you would like" ng-class="{'ng-invalid':passwordForm.confirmPassword.$error.match}"/>
		  </div>
		  <div class="form-group">
		    <label for="old-password">Verify new password</label>
		    <input type="password" class="form-control" name="confirmPassword" ng-model="pwdObj.confirmPassword" ng-required="true"  placeholder="Reenter your password to verify" match="pwdObj.newPassword"/>
		  </div>
		  
		  <button type="button" ng-click="submit();" ng-disabled="passwordForm.$invalid" class="btn btn-danger">Save New Password</button>
		  <a class="btn btn-default" ng-href="#/overview">cancel</a>
		</form>
	  </div>
	</div>
	</div>
	
	<style>
	input.ng-invalid{
    border-color: red;
}
	</style>